<template>

</template>

<script setup lang="ts">
    import {reactive,toRaw,markRaw,isReactive} from 'vue'
    const foo = {
        name:'zs',
        age:18
    }
    const foo2 = reactive(foo)
    foo2.age++
    // console.log(foo,foo2,toRaw(foo2) === foo)

    const foo3 = markRaw({})
    console.log(isReactive(reactive(foo3)))
    foo.car = markRaw({name:'宝马',price:30})
    foo.car.price++
    console.log(foo.car.price)
</script>

<style scoped lang="less">

</style>
